﻿@import url('reset.css');

body { font-size: 12px; font-family: Arial,tahoma,verdana, "lucida grande"; color: #FFF; background-color: #d14c03; }
a { color: #d14c03; text-decoration: none; }
    a:hover { text-decoration: none; color: #FFF; }
#wrapper, #banner, #menu { width: 940px; margin: 0 auto; }
#header { width: 100%; height: 119px; background: transparent url(/images/bgHeader.gif) repeat-x top; }
#banner { padding-top: 20px; padding-left: 25px; height: 59px; width: 915px; }
#menu { height: 40px; line-height: 40px; }
    #menu ul li { display: inline; }
        #menu ul li a { color: #FFF; text-transform: uppercase; font-size: 16px; font-weight: 700; display: block; float: left; height: 40px; padding-left: 25px; padding-right: 25px; }
            #menu ul li a:hover, #menu ul li a.selected { background-color: #d14c03; }
#wrapper { background-color: #333; margin-top: 10px; }
#left { width: 226px; float: left; background: transparent url(/images/mainbg2.png) repeat top; }
    #left ul { margin-top: 10px; }
        #left ul li { line-height: 30px; float: left; width: 100%; }
            #left ul li a { display: block; width: 201px; height: 30px; padding-left: 25px; color: #FFF; }
                #left ul li a.selected, #left ul li a:hover { background-color: #333; color: #d14c03; }
#right { float: left; width: 674px; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; }
#backtotop { width: 42px; height: 42px; background: #FFF; border-radius: 50px; border: 4px solid #ccc; text-align: center; line-height: 45px; font-weight: bold; cursor: pointer; position: fixed; right: 75px; bottom: 125px; color: #333; transition: all 0.3s; }
    #backtotop:hover { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
h1.article { font-size: 22px; margin-bottom: 10px; color: #d14c03; }
div.body { line-height: 20px; }
div.copyright { text-align: center; padding-top: 20px; padding-bottom: 20px; }
.btnSubmit a.btn { height: 40px; line-height: 41px; width: 100px; background-color: #d14c03; display: block; font-size: 18px; text-align: center; color: #FFF; }
    .btnSubmit a.btn:hover { color: #333; }
.donggopykien p { margin-top: 10px; margin-bottom: 10px; }
.donggopykien input { width: 320px; font-size: 14px; height: 24px; }
.donggopykien textarea { width: 450px; height: 200px; }
.alert { width: 100%; float: left; margin-top: 5px; margin-bottom: 5px; color: #ff0000; }
.albumItem { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-width: 5px; float: left; width: 179px; background-color: #FFF; margin-right: 35px; margin-bottom: 40px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: center;font-size: 14px;color: #d14c03;line-height: 26px;}
.albumItem a:hover {color: #d14c03}
.noimg { padding-top: 60px;}
.imageItem { font-size: 12px;text-align: left;}
.paging { float: right; width: calc(100% - 30px); text-align: right; font-size: 12px; }
.paging span span, .paging span a { border: solid 1px #FFF; padding: 3px; padding-right: 6px; padding-left: 6px; font-weight: bold; }
.paging span a:hover { color: #FFF; text-decoration: none; }